
.welcome-box-none[data-v-782e46c2]{display: none;}
.welcome-box[data-v-782e46c2]{
    position: absolute;
    font-size: 1rem;
    top: 40%;
    width: 100%;
    color: transparent;
    text-align: center;
}
.welcome-box div[data-v-782e46c2]{
    display: inline-block;
}
.welcome-box div:nth-child(1) span[data-v-782e46c2]:nth-child(1){
    animation-delay: 0.4s;
}
.welcome-box div:nth-child(1) span[data-v-782e46c2]:nth-child(2){
    animation-delay: 0.6s;
}
.welcome-box div:nth-child(1) span[data-v-782e46c2]:nth-child(3){
    animation-delay: 0.8s;
}
.welcome-box div:nth-child(1) span[data-v-782e46c2]:nth-child(4){
    animation-delay: 1s;
}
.welcome-box div:nth-child(1) span[data-v-782e46c2]:nth-child(5){
    animation-delay: 1.2s;
}
.welcome-box div:nth-child(2) span[data-v-782e46c2]:nth-child(1){
    animation-delay: 1.4s;
}
.welcome-box div:nth-child(2) span[data-v-782e46c2]:nth-child(2){
    animation-delay: 1.6s;
}
.welcome-box div:nth-child(2) span[data-v-782e46c2]:nth-child(3){
    animation-delay: 1.8s;
}
.welcome-box div:nth-child(2) span[data-v-782e46c2]:nth-child(4){
    animation-delay: 2s;
}
.welcome-box span[data-v-782e46c2]{
    animation: twinkle-data-v-782e46c2 2s linear;
}
@keyframes twinkle-data-v-782e46c2{
0%{color: aliceblue;}
100%{color: aliceblue;
        /*text-shadow: 0 0 4px skyblue, 0 0 10px skyblue, 0 0 20px skyblue, 0 0 30px skyblue,*/
        /*0 0 40px skyblue, 0 0 50px skyblue, 0 0 60px skyblue, 0 0 70px skyblue, 0 0 80px skyblue;*/
}
}
#role-box[data-v-782e46c2]{
    visibility: visible;
    color: white;
    font-size: .6rem;
}
.role-info[data-v-782e46c2]{
    position: absolute;
    line-height: 1rem;
    text-align: center;
    width: 3.8rem;
    height: 3.8rem;
    background-color: #282828;
    border-radius: 3rem;
}
.role-info-animation[data-v-782e46c2]{
    animation: fadeIn-data-v-782e46c2 6s ease-in 0s;
}
.role-icon[data-v-782e46c2]{
    display: block;
    line-height: 0;
    margin-top: .4rem;
}
@keyframes fadeIn-data-v-782e46c2 {
0%{opacity: 0;}
55%{opacity: 0;}
100%{opacity: 1;}
}


.home_page_tab[data-v-24da9ec6]{
    box-sizing: border-box;
    font-size:0.48rem;
    display: flex;
    display: -webkit-flex;
    position: fixed;
    /*z-index: 1001;*/
    left: 0;
    bottom: 0;
    width: 100%;
    align-items: center;
    justify-content:space-between;
    height:60px;
    background: linear-gradient(70deg, #282828, #3a3a3a);
    color: white;
    border-top: 1px solid black;
    /*border-bottom: 1px solid #eeeeee;*/
}
.per_home_tab[data-v-24da9ec6]{
    width: 50%;
    text-align: center;
}
.cur_tab_active[data-v-24da9ec6]{
    color:#754edd;
}

